<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>蓝源Eloan-P2P平台</title>
		<#include "common/links-tpl.ftl" />
  <link rel="stylesheet" type="text/css" href="/js/plugins/flipcountdown/jquery.flipcountdown.css"/>
  <script type="text/javascript" src="/js/plugins/flipcountdown/jquery.flipcountdown.js"></script>
</head>

<script>
  $(function () {
    $.each($(".countdown"), function (index, ele) {
      var time = $(ele).data("time");
      $(ele).flipcountdown({
        size: 'xs',
        beforeDateTime: time
      });
    });
  });

</script>
<body>
<!-- 网页顶部导航 -->
		<#include "common/head-tpl.ftl" />
		
		<#assign currentNav = "index" />
<!-- 网页导航 -->
		<#include "common/navbar-tpl.ftl" />

<!-- banner广告部分 start -->
<div class="container-fuil">
  <div id="carousel-banner-generi" class="carousel slide el-banner" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#carousel-banner-generi" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-banner-generi" data-slide-to="1"></li>
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <img src="/images/banner01.jpg" alt="...">
        <div class="carousel-caption"></div>
      </div>
      <div class="item">
        <img src="/images/banner02.jpg" alt="...">
        <div class="carousel-caption"></div>
      </div>
    </div>
    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-banner-generi" role="button" data-slide="prev"> <span
      class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-banner-generi" role="button" data-slide="next"> <span
      class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>
<!-- banner广告部分 end -->

<!-- 项目3大特色feature -->
<div class="container el-feature">
  <dl class="el-feature-item01">
    <dt>投资理财</dt>
    <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
  </dl>
  <dl class="el-feature-item02">
    <dt>投资理财</dt>
    <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
  </dl>
  <dl class="el-feature-item03">
    <dt>投资理财</dt>
    <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
  </dl>
</div>


<div class="container el-panel">
  <!-- 发标公告 -->
  <div class="panel el-panel">
    <div class="panel-title">
					<span class="pull-left">
						发标公告
					</span>
    </div>
    <table class="table el-table table-hover">
      <thead>
      <tr>
        <th>借款人</th>
        <th>借款标题</th>
        <th>年利率</th>
        <th>金额</th>
        <th>还款方式</th>
        <th>借款期限</th>
        <th width="200px">发标时间</th>
        <th width="160px">发标倒计时</th>
      </tr>
      </thead>
      <tbody>
						<#if publishPendngBidRequests?size &gt; 0 >
							<#list publishPendngBidRequests as data>
								<tr>
                  <td>${data.createUser.username }</td>
                  <td>${data.title}</td>
                  <td class="text-info">
                    ${data.currentRate}%
                  </td>
                  <td class="text-info">${data.bidRequestAmount}</td>
                  <td>${data.returnTypeDisplay}</td>
                  <td>${data.monthes2Return}月</td>
                  <td>${data.publishTime?string('yyyy-MM-dd HH:mm:ss')}</td>
                  <td class="countdown" data-time="${data.publishTime?string('MM/dd/yyyy HH:mm:ss')}"></td>
                </tr>
              </#list>
            <#else>
							<tr>
                <td colspan="7" align="center">
                  <p class="text-danger">目前暂时没有待发标的借款</p>
                </td>
              </tr>
            </#if>
      </tbody>

    </table>
  </div>
  <div class="panel el-panel">
    <!-- 投资列表 -->
    <div class="panel-title">
					<span class="pull-left">
						进行中借款
					</span>
      <div class="pull-right">
        <a class="btn btn-link " href="/invest?type=0">
          进入投资列表
        </a>
      </div>
    </div>
    <table class="table el-table table-hover">
      <thead>
      <tr>
        <th>借款人</th>
        <th>借款标题</th>
        <th>年利率</th>
        <th>金额</th>
        <th>还款方式</th>
        <th>借款期限</th>
        <th>进度</th>
        <th width="80px">操作</th>
      </tr>
      </thead>
      <tbody>
						<#if bidRequests?size &gt; 0 >
							<#list bidRequests as data>
								<tr>
                  <td>${data.createUser.username }</td>
                  <td>${data.title}</td>
                  <td class="text-info">
                    ${data.currentRate}%
                  </td>
                  <td class="text-info">${data.bidRequestAmount}</td>
                  <td>${data.returnTypeDisplay}</td>
                  <td>${data.monthes2Return}月</td>
                  <td>
                    <div class="">
                      ${data.persent} %
                    </div>
                  </td>
                  <td><a class="btn btn-danger btn-sm" href="/borrow_info?id=${data.id}">查看</a></td>
                </tr>
              </#list>
            <#else>
							<tr>
                <td colspan="7" align="center">
                  <p class="text-danger">目前暂时没有进行中的借款</p>
                </td>
              </tr>
            </#if>
      </tbody>

    </table>
  </div>

  <div class="panel el-panel">
    <!-- 投资列表 -->
    <div class="panel-title">
					<span class="pull-left">
						进行中的体验标
					</span>
      <div class="pull-right">
        <a class="btn btn-link " href="/invest?type=1">
          进入投资列表
        </a>
      </div>
    </div>
    <table class="table el-table table-hover">
      <thead>
      <tr>
        <th>借款标题</th>
        <th>年利率</th>
        <th>金额</th>
        <th>还款方式</th>
        <th>借款期限</th>
        <th>进度</th>
        <th width="80px">操作</th>
      </tr>
      </thead>
      <tbody>
						<#if expBidRequests?size &gt; 0 >
							<#list expBidRequests as data>
								<tr>
                  <td>${data.title}</td>
                  <td class="text-info">
                    ${data.currentRate}%
                  </td>
                  <td class="text-info">${data.bidRequestAmount}</td>
                  <td>${data.returnTypeDisplay}</td>
                  <td>${data.monthes2Return}月</td>
                  <td>
                    <div class="">
                      ${data.persent} %
                    </div>
                  </td>
                  <td><a class="btn btn-danger btn-sm" href="/borrow_info?id=${data.id}">查看</a></td>
                </tr>
              </#list>
            <#else>
							<tr>
                <td colspan="7" align="center">
                  <p class="text-danger">目前暂时没有进行中的借款</p>
                </td>
              </tr>
            </#if>
      </tbody>

    </table>
  </div>


  <div class="panel el-panel">
    <div class="panel-title">
					<span class="pull-left">
						企业最新资讯
					</span>
      <div class="pull-right">
        <a class="btn btn-link " href="">
          更多资讯
        </a>
      </div>
    </div>
    <div class="el-new-list">
      <ul>
        <li>
          <a href="#">
            <span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
            <span class="pull-right">发表日期：2015-03-23</span>
            <span class="clearfix"></span>
          </a>
        </li>
        <li>
          <a href="#">
            <span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
            <span class="pull-right">发表日期：2015-03-23</span>
            <span class="clearfix"></span>
          </a>
        </li>
        <li>
          <a href="#">
            <span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
            <span class="pull-right">发表日期：2015-03-23</span>
            <span class="clearfix"></span>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>
		
		<#include "common/footer-tpl.ftl" />
</body>
</html>